<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>电子科技大学成都研究院</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet"
	href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
<link rel="stylesheet" th:href="@{/css/bootstrap.min.css}"
	href="/css/bootstrap.min.css">
<link rel="stylesheet" th:href="@{/css/mystyle.css}"
	href="/css/mystyle.css">
<script th:src="@{/js/jquery.min.js}" src="/js/jquery.min.js"></script>
<script th:src="@{/js/bootstrap.min.js}" src="/js/bootstrap.min.js"></script>
<style type="text/css">
.top a {
	color: #888;
}

.top a:hover {
	color: #007bff;
}

.mytabs .nav-link {
	color: #63666b;
	background-color: #dcdde1;
	border-radius: 0;
}

.mytabs .nav-link.active {
	color: #fff;
	background-color: #005bac;
	border-radius: 0;
}

.tab-pane ul li a {
	color: #474545;
}

.tab-pane ul li a:hover {
	color: #007bff;
}

.tab-pane ul li span {
	float: right;
	color: #63666b;
}

.tab-pane ul li i {
	color: #63666b;
	font-size: 2px;
}

.tab-pane ul li a {
	margin-left: 5px
}

#container .left a:hover {
	text-decoration: none;
}

#container .left a {
	height: 270px;
	width: 230px;
	height: 130px;
}

#container .left a span {
	line-height: 130px;
	vertical-align: middle;
	color: white;
	font-size: 18px;
}
</style>
<title>电子科技大学成都研究院</title>
</head>
<body>
	<!-- 头部 -->
	<header>
		<div id="container">
			<nav class="navbar navbar-expand-md navbar-white">
				<a class="navbar-brand" th:href="@{/}" href="/"> <img
					th:src="@{/imgs/logo.png}" src="/imgs/logo.png" alt="logo"
					style="height: 50px;">
				</a>
				<button class="navbar-toggler" type="button" data-toggle="collapse"
					data-target="#collapsibleNavbar">
					<span class="navbar-toggler-icon"></span>
				</button>
				<div class="collapse navbar-collapse" id="collapsibleNavbar">
					<div style="width: 100%">
						<ul class="mylist navbar-nav">
							<li class="nav-item"><a class="nav-link" th:href="@{/}"
								href="/"> 首页 </a></li>
							<li class="nav-item"><a class="nav-link" th:href="@{/}"
								href="/">关于我们</a></li>
							<li class="nav-item dropdown"><a class="nav-link"
								data-toggle="dropdown" th:href="@{/news}" href="/news">新闻中心</a>
								<div class="dropdown-menu">
									<a class="dropdown-item" th:href="@{/news}" href="/news">综合新闻</a>
									<a class="dropdown-item" th:href="@{/news}" href="/news">合作交流</a>
									<a class="dropdown-item" th:href="@{/news}" href="/news">媒体关注</a>
									<a class="dropdown-item" th:href="@{/news}" href="/news">通知公告</a>
								</div></li>
							<li class="nav-item dropdown"><a class="nav-link"
								data-toggle="dropdown" th:href="@{/news}" href="/news">业务板块</a>
								<div class="dropdown-menu">
									<a class="dropdown-item" th:href="@{/service}" href="/service">技术创新</a>
									<a class="dropdown-item" th:href="@{/service}" href="/service">科技工程</a>
									<a class="dropdown-item" th:href="@{/service}" href="/service">科技服务</a>
									<a class="dropdown-item" th:href="@{/service}" href="/service">教育培训</a>
								</div></li>
							<li class="nav-item"><a class="nav-link"
								href="http://www.jb51.net">联系我们</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</div>
	</header>
	<!-- 轮播图 -->
	<div class="slide">
		<div>
			<div id="carouselExample1" class="carousel slide"
				data-ride="carousel">
				<ol class="carousel-indicators">
					<li data-target="#carouselExample1" data-slide-to="0"
						class="active"></li>
					<li data-target="#carouselExample1" data-slide-to="1"></li>
					<li data-target="#carouselExample1" data-slide-to="2"></li>
				</ol>
				<div class="carousel-inner">
					<div class="carousel-item active">
						<img class="d-block w-100" style="height: 430px"
							th:src="@{/imgs/20180303110826.jpg}"
							src="/imgs/20180303110826.jpg" alt="First slide">
					</div>
					<div class="carousel-item">
						<img class="d-block w-100" style="height: 430px"
							th:src="@{/imgs/20180303110733.jpg}"
							src="/imgs/20180303110733.jpg" alt="Second slide">
					</div>
					<div class="carousel-item">
						<img class="d-block w-100" style="height: 430px"
							th:src="@{/imgs//20180303110717.jpg}"
							src="/imgs/20180303110717.jpg" alt="Third slide">
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 文案 -->
	<div style="margin-top: 20px">
		<div id="container" style="height: 300px;">
			<div class="left" style="width: 49%; float: left;">
				<!-- 图文 -->
				<div id="carouselExample2" class="carousel slide border"
					data-ride="carousel"
					style="height: 300px; flex: none; width: whatever; position: relative;">
					<div class="carousel-inner">
						<div class="carousel-item active">
							<img class="d-block" style="max-height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="学校启动2018“平安成电”安全教育月活动">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="max-height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Second slide">
						</div>
						<div class="carousel-item">
							<img class="d-block" style="max-height: 300px; width: 100%"
								th:src="@{/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg}"
								src="/imgs/c8db3f9be9365044bbd0e198fcb4f13e.jpg"
								alt="Third slide">
						</div>
					</div>
					<div
						style="width: 100%; height: 32px; position: absolute; z-indent: 2; left: 0; top: 268px; background-color: rgba(0, 0, 0, 0.5)">
						<span style="color: white; padding-left: 10px; font-size: 16px;">学校启动2018“平安成电”安全教育月活动</span>
						<ol class="carousel-indicators"
							style="width: 38px; left: 70%; top: 15px">
							<li data-target="#carouselExample2" data-slide-to="0"
								class="active"></li>
							<li data-target="#carouselExample2" data-slide-to="1"></li>
							<li data-target="#carouselExample2" data-slide-to="2"></li>
						</ol>
					</div>
				</div>
			</div>
			<!-- 新闻，公告 -->
			<div class="right"
				style="width: 49%; float: right; height: 300px; flex: 1; font-size: 16px">
				<div class="top" style="height: 40px;">
					<ul class="mytabs nav nav-pills mb-3" id="pills-tab" role="tablist"
						style="float: left">
						<li class="nav-item"><a class="nav-link active"
							id="pills-1-tab" data-toggle="pill" href="#pills-1" role="tab"
							aria-controls="pills-1" aria-selected="true" style="height: 40px">综合新闻</a></li>
						<li class="nav-item"><a class="nav-link" id="pills-2-tab"
							data-toggle="pill" href="#pills-2" role="tab"
							aria-controls="pills-2" aria-selected="false"
							style="height: 40px">合作交流</a></li>
						<li class="nav-item"><a class="nav-link" id="pills-care-tab"
							data-toggle="pill" href="#pills-care" role="tab"
							aria-controls="pills-care" aria-selected="false"
							style="height: 40px">媒体关注</a></li>
						<li class="nav-item"><a class="nav-link"
							id="pills-notice-tab" data-toggle="pill" href="#pills-notice"
							role="tab" aria-controls="pills-notice" aria-selected="false"
							style="height: 40px">通知公告</a></li>
					</ul>
					<a style="float: right; margin-top: 9px; margin-right: 10px;"
						th:href="@{/news}" href="/news">更多></a>
				</div>
				<div class="tab-content" id="pills-tabContent"
					style="text-align: left; font-size: 14px; height: 250px; background-color: white; margin-top: 10px; padding: 10px">
					<div class="tab-pane fade show" th:each="userhead : ${newsMap}"
						th:id="'pills-'+${userhead.key}"
						th:aria-labelledby="'pills-'+${userhead.key}+'-tab'"
						th:class="${userhead.key}==1?'tab-pane fade show active':'tab-pane fade show'">
						<ul style="list-style: none;">
							<li th:each="list:${userhead.value}"><i
								class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail" th:text="${list.title}">担负新使命 聚焦新任务 把握新要求</a><span
								th:text="${#dates.format(list.createTime, 'yyyy-MM-dd')}">2018-03-06</span></li>
						</ul>
					</div>
					<div class="tab-pane fade show" id="pills-care" role="tabpanel"
						aria-labelledby="pills-care-tab">
						<ul style="list-style: none;">
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">担负新使命 聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">电子科大师生员工热切关注全国两会胜利召开</a> <span>2018-03-05</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">共同推进国际化战略 全力促进“双一流”建设</a> <span>2018-03-05</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">学科为引领 建设一流学院</a> <span>2018-03-03</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">贯彻落实学校战略部署 努力建设世界一流大学</a> <span>2018-03-01</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">砥砺前行 奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
						</ul>
					</div>
					<div class="tab-pane fade show" id="pills-notice" role="tabpanel"
						aria-labelledby="pills-notice-tab">
						<ul style="list-style: none;">
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">担负新使命 聚焦新任务 把握新要求</a><span>2018-03-06</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">电子科大师生员工热切关注全国两会胜利召开</a> <span>2018-03-05</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">共同推进国际化战略 全力促进“双一流”建设</a> <span>2018-03-05</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">学科为引领 建设一流学院</a> <span>2018-03-03</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">贯彻落实学校战略部署 努力建设世界一流大学</a> <span>2018-03-01</span></li>
							<li><i class="fa fa-caret-right"></i><a th:href="@{/detail}"
								href="/detail">砥砺前行 奋力实现医学院跨越式发展</a> <span>2018-03-01</span></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div style="margin-top: 20px">
		<div id="container" style="height: 270px;">
			<div class="left"
				style="width: 470px; float: left; text-align: center;">
				<a class="top-left"
					style="background-color: #28A700; float: left;"
					th:href="@{/service}" href="/service"> <span>技术创新</span>
				</a> <a class="top-right"
					style="background-color: #17A2B8; float: right;"
					th:href="@{/service}" href="/service"> <span>科技工程</span>
				</a> <a class="bottom-left"
					style="background-color: #FD7E14; float: left; margin-top: 10px"
					th:href="@{/service}" href="/service"> <span>教育培训</span>
				</a> <a class="bottom-right"
					style="background-color: #DC3545; float: right; margin-top: 10px"
					th:href="@{/service}" href="/service"> <span>科技服务</span>
				</a>
			</div>
			<div class="right" style="width: 470px; float: right">
				<img th:src="@{/imgs/20180308102704.jpg}"
					src="/imgs/20180308102704.jpg" style="width: 470px; height: 270px">
			</div>
		</div>
	</div>
	<!-- 底部 -->
	<footer
		style="height: 115px; width: 100%; background-color: #DEDEDE; margin-top: 20px"
		th:insert="~{templates/footer::#container}"> </footer>
</body>
</html>